<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        // 解构赋值：一般用于复合数据类型处理。

        // let arr = [1,2,3,4];

        // let a = arr[0]; //1
        // let b = arr[1]; //2
        // let c = arr[2]; //3
        // let d = arr[3]; //4

        // 解构：= 左边，写入数据的格式(解析结构)，以=右面的数据结构为准
        // 赋值：对应将左侧的变量的值 赋值成右边的值
        // 复合数据类型

        // 数组解构
        // let [a,b,c,d] = [1,2,3,4];
        // // let [a,b,c,d] = arr;

        // console.log(a,b,c,d);


        // 对象形式解构
        // let obj = {
        //     a:12,
        //     b:5
        // }

        // let a = obj.a;
        // let b = obj.b;


        // 对象解构
        // 解构后的变量名默认要和对象属性名一致
        // let {a,b} = {
        //     a:12,
        //     b:5
        // }

        // 默认对应属性名
        // let {c,b} = {
        //     a:12,
        //     b:5
        // }

        // console.log(c,b);



    </script>
</body>
</html>